<!-- CSS Start -->
<style type="text/css">
	/* the calendar table style */
	option.lst{}
	input.btn{}	
	ul.bullets {padding-left: 5px;}

	.calendarWeekday {vertical-align:top; background-color:;}	
	.calendarWeekend {vertical-align:top; background-color:#EEEEEE;}	
	.calendarToday {vertical-align:top; background-color: #FFFFDD;}
	.daymissing { height:100px;border:1px solid #808080;}
	.alerts {text-align: left;}		
	.calendarYearSelect {text-align:right;white-space:nowrap;}
	.calendarMonthSelect {white-space:nowrap;}
	.eventsMode {}
	.dayMode{}
	.weekMode{border:1px solid #808080;height:100px;}	
	.calendarAddEvent {text-align: right; white-space:nowrap; font-size:10px; vertical-align:top;}		
	.monthMode{height:100px; border:1px solid #808080;}
	.calendarEventList { width:100%; background-color: transparent;}
	
	
	.calendarTransparent {
	  background-color: transparent;
	  width:100%;
	}

	/* defined in CalendarArticles.php*/
	.repeatEvent{
		background-color: #E8E8E8;
		border:1px solid #CCCCCC;
		padding:0px;
		text-align: left;
		border-spacing: 0px;
		font-size:12px;
	}

	/* defined in CalendarArticles.php*/
	.singleEvent{
		background-color:;
		border:0px solid #CCCCCC;
		padding:0px;
		text-align: left;
		border-spacing: 0px;
		font-size:12px;
	}
	
	.calendar {
	  padding:0px;
	  border-spacing:0px;
	  border:0px solid #808080;
	  border-collapse:collapse;
	  width:100%;
	  background-color:;
	}
	
	/* style for the table cell displaying the month title */
	.calendarTitle {
	  font-size:18px;
	  text-align:center;
	  font-weight:bold;
	}
	
	/* style for the week day headings */
	.calendarHeading {
	  width:14%;
	  text-align:center;
	  font-weight:bold;
	  background-color:#E0E0E0;	
	  border:1px solid #808080;
  	}
	
	.calendarDayNumber {
	  white-space:nowrap;
	  border:1px solid #CCCCCC;
	  background-color:#E0E0E0;	  
	  width:20%;
	  text-align: center;
	  font-size: 12px;
	}
	
	/* eventlist mode day overrrides */
	.eventsDay {
	  background-color: transparent;
	  border:0px;
	  font-weight:bold;
	  font-style:italic;
	  font-size: 16px;
	  text-align: left;
	}
	
	.singleDay {
	  background-color: transparent;
	  border:0px;
	  font-weight:bold;
	  font-style:italic;
	  font-size: 14px;
	  text-align: left;
	}	
	
/******  Year View Options BEGIN  *******/
	.yearCalendar {
	  vertical-align:top;
	  border:0px solid #808080;
	  xborder-collapse:collapse;
	  width:100%;
	  text-align: center;
	}		
	
	.yearCalendarMonth {
	  vertical-align:top;
	  border:1px solid #808080;
	  border-collapse:collapse;
	  width:100%;
	  text-align: center;
	}	
	
	.yearTitle {
	  text-align:center;
	  font-weight:bold;
	  border:1px solid #808080;
	  font-size: 14px;
  	}
	
	.yearHeading {
	  text-align:center;
	  font-weight:bold;
	  background-color:#E0E0E0;	
	  border:1px solid #808080;
	  font-size: 12px;
  	}
	
	.yearWeekday {
	  text-align:center;
	  border:1px solid #808080;
	  font-size: 12px;
  	}
	
	.yearWeekend {
	  text-align:center;
	  background-color:#EEEEEE;	
	  border:1px solid #808080;
	  font-size: 12px;
  	}
/******  Year View Options END  *******/		

</style>
<!-- CSS End -->